<template>
  <div class="about">
    <router-view></router-view>
    <van-tabbar v-model="active" route>
      <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
      <van-tabbar-item icon="search" to="/cart">分类</van-tabbar-item>
      <van-tabbar-item icon="friends-o" to="/cate">购物车</van-tabbar-item>
      <van-tabbar-item icon="setting-o" to="/my">个人</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
import { ref } from 'vue'
export default {
  setup() {
    const active = ref(0)
    return { active }
  },
}
</script>
